<template>
  <div>
    <default
      v-for="(item, index) in items"
      :id="`vimeo-${index}`"
      v-bind="item"
      :key="item.vimeoUrl"
      :critical="index < 1"
    />
  </div>
</template>

<script setup lang="ts">
import { useBoosterHydrate } from '#imports';

const hydrate = useBoosterHydrate();

const Default = hydrate(() => import('./components/Default.vue'));
const items = [
  {
    vimeoUrl: 'https://vimeo.com/288344114',
    title: 'Vimeo 1'
  },
  {
    vimeoUrl: 'https://vimeo.com/288344114',
    title: 'Vimeo 2',
    autoplay: true
  }
];
</script>
